﻿body   
{
    font-size: 13px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px auto;
    padding: 0px;
    width:100%; 
    /*width:1040px;*/
}
/*a:link, a:visited
{
    color: #034af3;
}*/
/*a:hover
{
    color: #00CC66;
    text-decoration: none;
}*/

/*a:active
{
    color: #034af3;
}*/

/*p
{
    margin-bottom: 10px;
    line-height: 1.6em;
    margin-top: 0px;
}*/


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

hr
{
    width:90%;   
}

.body2
{
    background-image:url('Image/bg.jpg'); 
    width:1040px;
    /*border-color:Blue;*/  
}

/*Header  */
#login 
{
    height:30px;
}

#header
{
    height:130px;  
}

#logo
{ 
    float:left;
    width:72px;
}

#header-right {
    float:right;
    display:table;
    width:940px;
}

#banner
{
   
}

#menu {
    height: 40px;
}

/*Body*/

#container {
    width:100%;
    display:table;
    height:auto;
    margin-top: 10px;
}

#container-left {
    margin:5px;
    width:740px;
    height:400px;
    background-color:aqua;
    float:left;
}

#container-right {
    margin:5px;
    width:280px;
    height:400px;
    float:right;
    background-color:#eae5e5;
}

#container-left, #container-right {
    border-radius: 12px 12px 12px 12px;
}

/*Footder*/
#footder {
  background-color: #0026FF;
    height: 85px;
    margin-top: 0;
    padding: 20px 20px 20px 40px;
}

/*Contatiner*/

#title
{
    background: none repeat scroll 0 0 #6baf30;
    border-radius: 12px 12px 12px 12px;
    height: 25px;
    padding:3px;
    text-align: center;
    font-size: large; 
    font-weight: bold; 
    color: #FFFFFF;
}

#title-news {
    padding:10px;
    height:90%;
}


.rounded_box 
{
    border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px; /* Konqueror */
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari & Google Chrome */
    -border-radius: 15px; /* Opera */
    border-style: groove; 
   
}

.chuyen_sac
{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
 
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
 
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #2F2727, #1a82f7);
 
    /* IE 10 */
    background: -ms-linear-gradient(top, #2F2727, #1a82f7);
 
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #2F2727, #1a82f7);   
}

.tintuc_sukien ,.hotro_kh
{
    margin-top: 5px;
    margin-left:35px;
    background-color: #FFF;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    
}
.tintuc_sukien
{   
    height:313px;
}



.hotro_kh
{
    
    height:200px;
}

/* Trang giới thiệu */

.noidung
{
    margin-top:5px;
    background-color:#FFF;
    padding:30px;
    margin-left:20px;
}

.noidung1
{
    margin-top:5px;
    background-color:#FFF;
    
}

.trangchu_left ,.trangchu_right
{
    height:300px;
    width:280px;
    margin:5px;
    border-color:Red;
    border-style:solid;
    margin-top:20px;
}

.trangchu_left
{
    float:left;
}

.trangchu_right
{
    float:right;
}

.chu_chay
{
    margin-top:10px;
    margin-bottom:20px;   
}

.size_map
{
    height: 20px; 
    margin-left:30px;
    margin-bottom:10px; 
    padding:10px;
    font-size: medium; 
    font-weight: bold; 
    font-style: italic; 
    color: #808000
}

.fooder_trangchu
{
    height:25px;
    padding:10px;
    font-size: large; 
    font-weight: bold; 
    font-style: italic; 
    color: #0000FF
}

/*Toolbox   */
.droplist1
{
    width:70px;   
}

.droplist2
{
    margin-left:20px; 
    width:100px;  
}

.droplist3
{
    width:120px;   
}

.radio
{
    margin-left:20px; 
}

/*Chi tiet */
.ten_bai
{
    font-size: large;
    font-weight: bold;
    font-style: italic;
    color: #000080;
}

/* Liên hệ */

.lable
{
    margin-left:50px;   
}

.lable2
{
    margin-left:80px;   
}

.label_table
{
    
    padding-left:20px;
}  

.td
{
    height:30px;
}  

.textbox
{
}

.button
{    height: 26px;
}

.checkbox
{
    margin-left:100px;   
}


/* Đăng nhập */
.dangnhap
{
    margin:80px;
    height: 250px;
    background-color:#FFEEAA;
}

.linkyahoo
{
    color: #000; 
    text-decoration: none; 
    padding-left : 10px;
    padding-top:10px;
    font-size:17px;
}

.link
{
    margin-bottom:10px;    
}


.clear {
    clear: both;
}

/* Tuyển dụng */

#tieude_td
{
    margin-bottom:10px;   
}

/* Thư viện ảnh */

.linkyahoo
{
    color: #000; 
    text-decoration: none; 
    padding-left : 10px;
    padding-top:10px;
    font-size:17px;
}

.link
{
    margin-bottom:10px;    
}


.clear {
    clear: both;
}

#library
{
    width:700px;   
}


/* Admin  */

.xinchao
{
    margin: 100px; 
    font-size: xx-large; 
    font-style: normal; 
    font-weight: bold;
}

.title {
    color: blue;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 10px;
    height: 30px;
    text-align: center;
    margin-right:20px;
    /*background-image: url('../Image/baner.png');*/
}

header {position: relative; z-index: 50; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.3);}
header>section.top {position: relative; z-index: 20; height: 30px; margin: 0; box-shadow: inset 0 -2px 2px rgba(0,0,0,0.05); background: #747474; color: #fff; font-size: 0.846em; text-align: right;}
header>section.top>div {max-width: 940px; margin: 0 auto;}

header>section.top p {float: left; margin: 0; padding: 0; line-height: 30px;}
header>section.top nav {display: inline-block;}
header>section.top nav>ul {height: 30px; margin: 0; list-style: none; text-align: left;}
header>section.top nav>ul>li {float: left; position: relative; margin: 0;}
header>section.top nav>ul>li>a {display: inline-block; height: 30px; padding: 0 10px; color: #fff; line-height: 30px;}
header>section.top nav>ul>li:hover>a {background-color: #3f3f3f; color: #fff;}
header>section.top nav>ul>li.current-menu-item>a, header>section.top nav>ul>li.current-menu-item:hover>a {color: #fff; background-color: #ff8400;}
header>section.top nav>ul>ul {font-size: 1.182em; line-height: 1em;}
header nav.utils a.cart {padding: 0 16px 0 30px; background: url("images/utils-cart.png") 8px 50% no-repeat;} 
header nav.utils a.login {padding: 0 16px 0 30px; background: url("images/utils-padlock.png") 8px 50% no-repeat;} 
header nav.utils a.lang {padding: 0 20px 0 16px; background: url("images/utils-down.png") 100% 50% no-repeat;} 
header nav.utils a:hover {background-color: #555;}


header>section.main-header {position: relative; z-index: 0; max-width: 940px; margin: 0 auto; background: #fff;}
.boxed header>section.main-header {padding: 0 30px;}
header>section.main-header nav {float: right; clear: right; margin: 2px 0 0;}